﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
	<title>猪八戒网八戒之星活动T恤衫定制?</title>
	<meta name="keywords" content="2" />
    <meta name="description" content="22" />
    <link href="style/css/common.css" rel="stylesheet" type="text/css">
    <link href="style/css/swiper-3.4.2.min.css" rel="stylesheet" type="text/css">
    <link href="style/css/case-details.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="header">
    <a href="javascript:void(0);" class=" prev head_go_back"></a>
		    <a href="" class="head-logo">依服宝</a>
  
    <a href="tel:400-180-6688" class="head-phone"></a>
</div>

    <div class="banner">
		            	<img src="http://img-wm.efbimg.com/case/2018-01-18/88fa15b9-0ba4-4fad-bd21-7aa7a162ea87.jpg!se-wm">
    </div>
    <h1 class="toptitle">【T恤】猪八戒网八戒之星活动衫定制</h1><p class="title2">定制案例</p>
    <div class="article-main">
        <p>猪八戒网首届“八戒之星”招生培养计划中，依服宝为每一位企业未来之星定制专属T恤衫。橙色既是猪八戒的企业颜色，也更好地突显出未来之星们的青春风采。胸前印制猪八戒吉祥物，让整件T恤既不失企业形象，又让大家特别喜欢。T恤精选优质纯棉面料定制，让每一个未来之星穿着舒服，透气，百穿不厌。</p>
		        <p><p><span style="font-size: 12px;">猪八戒网CEO朱明跃与八戒之星集体照</span><br/></p></p>
		            	<img src="http://img-wm.efbimg.com/case/2018-01-18/88fa15b9-0ba4-4fad-bd21-7aa7a162ea87.jpg!se-wm">
		        <p><p><span style="font-size: 13.3333px; white-space: normal;">猪八戒网CEO朱明跃演讲</span></p></p>
		            	<img src="http://img-wm.efbimg.com/case/2018-01-18/105cb9f1-34ad-4ddf-8ca0-5fc85d38670f.jpg!se-wm">
		        <p><p>猪八戒网“八戒之星”签到处</p></p>
		            	<img src="http://img-wm.efbimg.com/case/2018-01-18/c12071b0-e6b6-4edd-a8d4-bbfaf5371572.jpg!se-wm">
        <div class="fabulous " caseId="18" >
            <span>34</span>
        </div>
        <ul class="share clearfix">
           <li id="share-wx" class="wx" title="【T恤】猪八戒网八戒之星活动衫定制"  description="猪八戒网首届“八戒之星”招生培养计划中，依服宝为每一位企业未来之星定制专属T恤衫。橙色既是猪八戒的企业颜色，也更好地突显出未来之星们的青春风采。胸前印制猪八戒吉祥物，让整件T恤既不失企业形象，又让大家特别喜欢。T恤精选优质纯棉面料定制，让每一个未来之星穿着舒服，透气，百穿不厌。" imgUrl="style/img/d86bea56-88e9-4243-8c89-65573cedc9fb.jpg"></li>
           <li class="qq" title="【T恤】猪八戒网八戒之星活动衫定制"  description="猪八戒网首届“八戒之星”招生培养计划中，依服宝为每一位企业未来之星定制专属T恤衫。橙色既是猪八戒的企业颜色，也更好地突显出未来之星们的青春风采。胸前印制猪八戒吉祥物，让整件T恤既不失企业形象，又让大家特别喜欢。T恤精选优质纯棉面料定制，让每一个未来之星穿着舒服，透气，百穿不厌。" imgUrl="style/img/d86bea56-88e9-4243-8c89-65573cedc9fb.jpg"></li>
           <li class="sina" title="【T恤】猪八戒网八戒之星活动衫定制"  description="猪八戒网首届“八戒之星”招生培养计划中，依服宝为每一位企业未来之星定制专属T恤衫。橙色既是猪八戒的企业颜色，也更好地突显出未来之星们的青春风采。胸前印制猪八戒吉祥物，让整件T恤既不失企业形象，又让大家特别喜欢。T恤精选优质纯棉面料定制，让每一个未来之星穿着舒服，透气，百穿不厌。" imgUrl="style/img/d86bea56-88e9-4243-8c89-65573cedc9fb.jpg"></li>
        </ul>
    </div>
    <div class="line">&nbsp;</div>
    <div class="about-case">
        <h2>相关案例</h2>
        <section id="index-slider" class='small-banner swiper-container1'>
            <div class='small-banner-img swiper-wrapper'>
                
			               <a href="/case/18.html" class='swiper-slide'>
			                    <div class="swiper-slide-box">
			                        <img alt="" src='style/img/d86bea56-88e9-4243-8c89-65573cedc9fb.jpg'>
			                        <p class="shengluehao" title="【T恤】猪八戒网八戒之星活动衫定制">【T恤】猪八戒网八戒之星活动衫定制 </p>
			                    </div>
			                </a>
			               <a href="/case/43.html" class='swiper-slide'>
			                    <div class="swiper-slide-box">
			                        <img alt="" src='style/img/f3c7487e-1403-4509-8435-18f9728500d9.jpg'>
			                        <p class="shengluehao" title="【POLO衫】创业黑马年中运动会服装定制">【POLO衫】创业黑马年中运动会服装定制 </p>
			                    </div>
			                </a>
			               <a href="/case/22.html" class='swiper-slide'>
			                    <div class="swiper-slide-box">
			                        <img alt="" src='style/img/702c320b-084b-4343-ba67-2e8900859a29.jpg'>
			                        <p class="shengluehao" title="【POLO衫】马云基金会颁奖活动服装定制">【POLO衫】马云基金会颁奖活动服装定制 </p>
			                    </div>
			                </a>
			               <a href="/case/21.html" class='swiper-slide'>
			                    <div class="swiper-slide-box">
			                        <img alt="" src='style/img/665dd5ca-869a-4f5b-9444-063ed8784e82.jpg'>
			                        <p class="shengluehao" title="【T恤】中央财经大学MBA毕业旅行纪念服">【T恤】中央财经大学MBA毕业旅行纪念服 </p>
			                    </div>
			                </a>
			               <a href="/case/23.html" class='swiper-slide'>
			                    <div class="swiper-slide-box">
			                        <img alt="" src='style/img/eda7fafa-babe-401f-b137-e5b31f0d43c8.jpg'>
			                        <p class="shengluehao" title="【卫衣】混沌商学院开学典礼服装定制">【卫衣】混沌商学院开学典礼服装定制 </p>
			                    </div>
			                </a>
			               <a href="/case/24.html" class='swiper-slide'>
			                    <div class="swiper-slide-box">
			                        <img alt="" src='style/img/ca9ec6c2-c1fd-4eb9-a9be-1f17b2f0af57.jpg'>
			                        <p class="shengluehao" title="【POLO衫】黑马上市涨停板战袍定制">【POLO衫】黑马上市涨停板战袍定制 </p>
			                    </div>
			                </a>
			               <a href="/case/25.html" class='swiper-slide'>
			                    <div class="swiper-slide-box">
			                        <img alt="" src='style/img/fa93bc1d-a987-481f-ab62-f3f9d01d62a8.jpg'>
			                        <p class="shengluehao" title="【配饰】北京电视台骑行活动魔术头巾定制">【配饰】北京电视台骑行活动魔术头巾定制 </p>
			                    </div>
			                </a>
			               <a href="/case/26.html" class='swiper-slide'>
			                    <div class="swiper-slide-box">
			                        <img alt="" src='style/img/4e9d79e8-72fa-45ff-9805-46ac83d41eab.jpg'>
			                        <p class="shengluehao" title="【卫衣】黑马开营典礼纪念团服定制">【卫衣】黑马开营典礼纪念团服定制 </p>
			                    </div>
			                </a>
			               <a href="/case/50.html" class='swiper-slide'>
			                    <div class="swiper-slide-box">
			                        <img alt="" src='style/img/48acecf9-fded-42d8-b362-f30dfb137adb.jpg'>
			                        <p class="shengluehao" title="【T恤定制】混沌大学活动服装定制">【T恤定制】混沌大学活动服装定制 </p>
			                    </div>
			                </a>
			               <a href="/case/27.html" class='swiper-slide'>
			                    <div class="swiper-slide-box">
			                        <img alt="" src='style/img/58d95a4d-73ec-4534-b6e7-bf65a1d0e043.jpg'>
			                        <p class="shengluehao" title="【POLO衫】京东618大促活动服装定制">【POLO衫】京东618大促活动服装定制 </p>
			                    </div>
			                </a>
            </div>
        </section>
    </div>
    <div class="line">&nbsp;</div>
    <div class="bottom-dz" onclick="demand($('title').html(),$('title').html(),window.location.href);">开始定制</div>
    <div class="imgswiper">
    <div class="imgswiper-mask">
        <p>
            <span id="swiper_index">1</span>/<span id="swiper_len">2</span>
        </p>
        <div class="close-btn"></div>
    </div>
    <section class='swiper-container' id="detailImgShow">
        <div class='swiper-wrapper'>
        </div>
    </section>
</div>
</body>

<script type="text/javascript" src="style/js/zepto.min.js"></script>
<script type="text/javascript" src="style/js/cookie.min.js"></script>
<script type="text/javascript" src="style/js/jquery-weui.min.js"></script>
<script type="text/javascript" src="style/js/city-picker.min.js"></script>
<script type="text/javascript" src="style/js/zepto-mvalidate.js"></script>
<script type="text/javascript" src="style/js/dropload.min.js"></script>
<script type="text/javascript" src="style/js/main.js"></script>
<script type="text/javascript" src="style/js/viewport.js"></script>

	
	<!--分享插件样式文件-->
<link rel="stylesheet" href="style/css/share.css" />

<!--微信JS-SDK-->
<script type="text/javascript" src="style/js/jweixin-1.0.0.js"></script>
<!--分享插件文件-->
<script type="text/javascript" src="style/js/efbShare.js"></script>
<script type="text/javascript" src="style/js/QRCode.js"></script>
<script type="text/javascript" src="style/js/swiper-4.0.7.min.js"></script>
<script type="text/javascript" src="style/js/pinchzoom.min.js"></script>
<script>
   
    $(function () {
    	 swiperImg(".article-main");
    	 
    	 var swiper = new Swiper('#index-slider', {
    	        pagination: '.swiper-pagination',
    	        slidesPerView: 'auto',
    	        paginationClickable: true,
    	 });
    	
        //qq空间分享
        $(".qq").on("click", function () {
            var that =$(this);
            var shareKj ='http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?';
            shareKj += 'url='+encodeURIComponent(window.location.href);
            shareKj += '&summary='+encodeURIComponent(that.attr("description"));
            shareKj += '&title='+encodeURIComponent(that.attr("title"));
            shareKj += '&pics='+encodeURIComponent(that.attr("imgUrl"));
            window.open(shareKj);

        })
        //新浪微博分享
        $(".sina").on("click", function () {
            var that =$(this);
            var shareWb ='http://v.t.sina.com.cn/share/share.php?';
            shareWb += 'title='+encodeURIComponent(that.attr("description"));
            shareWb += '&url='+encodeURIComponent(window.location.href)+'&content=utf-8&sourceUrl='+encodeURIComponent(window.location.href);
            shareWb += '&pic='+encodeURIComponent(that.attr("imgUrl"));
            window.open(shareWb);

        })
    	//微信分享  取消click触发，加载时直接执行（处理用户直接点击右上角分享导致分享信息未绑定问题）
            var that =$(".wx");
            url = window.location.href.split('?')[0];
            initWx(that.attr("title"),that.attr("description"),url,that.attr("imgUrl"))
    	//点赞
        $(".fabulous").on("click", function () {
            if($(this).hasClass("active")){
                return;
            }
            var that =$(this);
            $.ajax({
    	         url: '/case/givelike',
    	         data : {
    	             "id" :that.attr("caseId")
    	         },
    	         success:function(data){
    	        	 that.find("span").html(data.data);
    	        	 that.addClass("active");
    	         }
    	     });

        })
         $('body').on('touchstart','.qrcode-mask',function(){
        	 $('.qrcode-mask').hide();
         });
    })
    
function swiperImg(imgbox){
    var swiper2Html="";
    $("#swiper_len").html($(imgbox).find("img").length);
    var imgload=0;
    var swiperSetFlag=false;
    var swiper2;
    $(imgbox).find("img").each(function (index) {
        var img=new Image();
        img.src=$(this).attr("src");
        img.addEventListener('load', function () {
            (function(index){
                imgload=imgload+1;
                if(imgload==$(imgbox).find("img").length){
                    $(imgbox).find("img").on("click", function () {
                        $(".imgswiper").show();
                        $("body").addClass("fixed-body");
                        if(!swiperSetFlag){
                            $(imgbox).find("img").each(function (index) {
                                swiper2Html=swiper2Html+'<div class="swiper-slide">' +
                                    '<div class="pinch-box">' +
                                    '<img src="'+$(imgbox).find("img").eq(index).attr("src")+'">' +
                                    '</div>' +
                                    '</div>'
                            })
                            $("#detailImgShow .swiper-wrapper").html(swiper2Html);
                            swiper2=new Swiper('#detailImgShow', {
                                pagination: '.swiper-pagination',
                                slidesPerView: 'auto',
                                on:{
                                    slideChangeTransitionEnd: function(){
                                        $("#swiper_index").html(this.activeIndex+1);
                                    },
                                }
                            });
                            $.each($("#detailImgShow .pinch-box"), function () {
                                new RTP.PinchZoom($(this), {});
                            })
                            swiperSetFlag=true;
                        }
                        var idx=$(imgbox).find("img").index($(this));
                        $(".imgswiper").show();
                        swiper2.slideTo(idx,0,false);
                        $("#swiper_index").html(idx+1);
                    })
                    $(".imgswiper-mask,.swiper-wrapper").on("click", function (e) {
                        if(e.target.localName!="img"){
                            $(".imgswiper").hide();
                            $("body").removeClass("fixed-body");
                        }
                    })
                    $(".close-btn").on("click", function () {
                        $(".imgswiper").hide();
                        $("body").removeClass("fixed-body");
                    })
                }
            })(index)
        })
    })

}
</script>
</html>